<template>
  <div class="m-header">
      <div class="icon"></div>
      <h1 class="text">Chicken Music</h1>
  </div>
</template>
<script type="text/ecmascript-6">
    export default{}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    @import "~common/stylus/variable"
    @import "~common/stylus/mixin"

    .m-header
        position: relative
        height : 44px
        text-align: center
        color: $color-theme
        font-size:0
        .icon
            display: inline-block
            vertical-align:top
            margin-top:6px
            width:30px
            height:32px
            margin-right:9px
            bg-image('logo')
            background-size:30px 32px
        .text
            display: inline-block
            vertical-align:top
            line-height:44px
            font-size: $font-size-large
        .mine
            position:absolute
            top:0
            right:0
            .icon-mine
                display:block
                padding:12px
                font-size:20px
                color:$color-theme

</style>

